<template>
  <div class="ai-assistant">
    <h1>AI助手</h1>
    <div class="placeholder">
      <p>AI助手功能开发中</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'AIAssistant'
}
</script>

<style scoped>
.ai-assistant {
  text-align: center;
  padding: 2rem;
}

.ai-assistant h1 {
  color: #4CAF50;
  margin-bottom: 2rem;
  font-size: 2.5rem;
}

.placeholder {
  background: white;
  padding: 3rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(76, 175, 80, 0.1);
  border: 2px dashed #4CAF50;
}

.placeholder p {
  font-size: 1.5rem;
  color: #4CAF50;
  font-weight: bold;
}
</style>